<template>
  <div class="success_goods">
    <Head title="发布成功" :back_num="back_num"/>
    <div class="container">
      <div class="success_banner">
        <div class="success_banner_box">
          <div class="success_banner_box_img">
            <img src="../../../static/image/shopEdit_OK.png" alt>
          </div>
          <div class="success_banner_message">发布产品成功</div>
          <div class="success_banner_state">请等待审核</div>
        </div>
      </div>
      <!-- aa -->
      <div class="success_con">
        <div class="success_con_title">您还可以从以下方面优化产品</div>
        <div class="btn_group">
            <div class="btn_list" @click="toAddgoods">
                <span>增加产品规格型号</span>
            </div>
            <div class="btn_list" @click="toAddgoods">
                <span>添加产品详情</span>
            </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
import Head from "@/components/_head";
export default {
  data() {
    return {
        back_num:-2
    };
  },
  methods:{
      back(){
          this.$router.go(-2)
      },
      // 编辑商品详情
      toAddgoods(){
        this.$router.push({path:'/addGoods',query:{goods_id:this.$route.query.goods_id,from:"success_goods"}})
      }
  },
  components: {
    Head
  }
};
</script>

<style lang='less'>
.success_goods {
  .success_banner {
    height: 50vw;
    width: 100%;
    background: rgb(236, 245, 245);
    display: flex;
    justify-content: center;
    align-items: center;
    .success_banner_box {
      .success_banner_box_img {
        display: flex;
        justify-content: center;
        img {
          height: 20vw;
          width: 20vw;
        }
      }
      .success_banner_message {
        font-size: 1.2rem;
        color: #000;
        font-weight: bold;
        text-align: center;
      }
      .success_banner_state {
        font-size: 0.7rem;
        color: #888;
        font-weight: bold;
        text-align: center;
      }
    }
  }
  .success_con{
      height: calc(100vh - 50vw);
      background: #fff;
      padding-top: 2rem;
      .success_con_title{
          height: 3rem;
          width: 100%;
          display: flex;
          justify-content: center;
          align-items: center;
          font-size: .8rem;
      }
      .btn_group{
          height: 40vw;
          width: 100%;
          display: flex;
          justify-content: center;
          align-items: center;
          flex-wrap: wrap;
          .btn_list{
              height: 20vw;
              width: 100%;
              display: flex;
              justify-content: center;
              align-items: center;
              span{
                  height: 12vw;
                  width: 80%;
                  border: 1px solid #efefef;
                  border-radius: 4px;
                  display: flex;
                  justify-content: center;
                  align-items: center;
                  color: #888;
                  font-size: .8rem;
              };
          }
      }
  }
}
</style>
